<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05排他思想</title>
    <style>
        .me{
            background-color: pink;
        }
    </style>
    <script>
        window.onload = function(){
            var btns = document.getElementsByTagName("button");
            for(var i=0;i<btns.length;i++){
                btns[i].index = i;  //给每个button都定义一个index属性,这里用不到，但之后用索引号的话就需要
                btns[i].onclick = function(){
                    //点击时清除掉所有样式，包括自己的
                    for(var j=0;j<btns.length;j++){
                        btns[j].className="";
                    }
                    //清除完之后再选定自己
                    this.className="me";
                }
            }
        }

    </script>
</head>
<body>
<button>排他思想</button>
<button>排他思想</button>
<button>排他思想</button>
<button>排他思想</button>
<button>排他思想</button>
</body>
</html>